/* 版心 */
.wrapper {
  margin: 0 auto;
  width: 1500px;
  height: 50px;
}

.welcome-box {
  /* width: 100%; */
  display: flex;
  height: 50px;
  align-items: center;
  background-color: #f1f1f1;
  justify-content: space-between;
}

.welcome-box .welcome{
  display: flex;
}

.welcome-box p{
  color: #969696;
  margin-right: 20px;
}
.welcome-box .signin {
  color: red;
}

.welcome-box ul {
  display: flex;
  line-height: 52px;
}

.welcome-box li a {
  padding: 0 15px;
  border-right: 1px solid #999;
  font-size: 14px;
}

.welcome-box li:last-child a {
  border-right: 0;
}
.welcome-box li .iconfont {
  margin-right: 4px;
  vertical-align: middle;
  margin-left: 10px;
}

.search-box{
  height: 80px;
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}

.search-container {
  display: flex;
  align-items: center;
}

.search {
  width: 600px;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 16px;
}

.search-button {
  padding: 10px 20px;
  background-color: red;
  color: white;
  border: none;
  border-radius: 4px;
  margin-left: -5px; /* 向左稍微移动，以覆盖边框 */
  cursor: pointer;
}

.search-button:hover {
  background-color: #cc0000;
}

.cart-container {
  display: flex;
  height: 40px;
  align-items: center;
  position: relative; /* 为了放置数字气泡 */
  border: 1px solid #ccc;
  background-color:#f7f7f7 ;
}

.cart-icon {
  width: 40px; /* 根据购物车图标的大小调整 */
  height: 40px; /* 根据购物车图标的大小调整 */
  display: flex;
  align-items: center;
  justify-content: center;
  /* 这里可以添加图标的样式，例如背景图片 */
}

.cart-text {
  margin-left: 10px; /* 调整文字与图标的间距 */
  color: #333; /* 黑色或深灰色 */
  font-size: 16px;
  margin-right: 10px;
}

.notification-badge {
  position: absolute;
  top: -10px; /* 调整数字气泡的垂直位置 */
  right: -10px; /* 调整数字气泡的水平位置 */
  width: 20px; /* 气泡的直径 */
  height: 20px; /* 气泡的直径 */
  background-color: red;
  border-radius: 50%; /* 使气泡呈圆形 */
  display: flex;
  align-items: center;
  justify-content: center;
}

.badge-number {
  color: white;
  font-size: 12px;
}


